<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Countdown Timer</title>
    <script type="text/javascript" language="javascript" src="counter/counter.nocache.js"></script>

	<style>
		h1 {
		  font-size: 2em;
		  font-weight: bold;
		  color: #777777;
		  margin: 10px 0px 10px;
		  text-align: center;
		}
		
		.notice {
		  display: block;
		  font-size: 8pt;
		}
		
		.gwt-Label {
			display: inline;
		}
	</style>    
  </head>

  <body>

    <!-- OPTIONAL: include this if you want history support
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
     -->
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1>Countdown Timer</h1>

	Select a date and time and press the Reset button to start the timer.

	<div id="datePicker" ></div>
	at time <div id="timePicker" ></div>

	<div> Counting down to <span id="countdownTarget" ></span> </div>
    
    <div id="counterString"></div>
    <div id="gwtGL" ></div>
    
    <div class="notice">
     favicon.ico uses the <a href="http://p.yusukekamiyamane.com/">Fugue Icon Pack</a> (favicon.ico was needed to reduce log clutter)
    </div>
  </body>
</html>
